import Mock from "mockjs";

Mock.mock(/^\/api\/project\/?$/, "get", {
  code: 0,
  msg: "",
  data: [
    {
      id: 1,
      name: "个人博客系统",
      url: null,
      github: "https://gitee.com/Hzk12/blog",
      description: [
        "博客包含首页、文章、留言、关于我四个模块",
        "博客使用Vue2作为框架，并使用vue cli搭建，使用大量公共组件开发，减少了代码的冗余，减少开发量",
        "博客是单页应用，使用vue-router处理路由，页面之间使用$route的属性实现逻辑处理的统一",
        "博客的数据使用了mockjs拦截ajax请求，并且模拟生成数据",
        "在开发中遇到了兄弟组件之间的通信困难和数据互通问题，阅读文档后使用EventBus、Vuex完美解决"
      ],
      thumb: "@image(250x150, @color, #FFF, project)",
      order: 1
    },
    {
      id: 2,
      name: "PHP庆党百年教育网站",
      url: null,
      github: "https://gitee.com/Hzk12/zjentries",
      description: [
        "网站分前后端俩部分，前端使用原生语言、Jquery、Less开发，后端使用PHP和mysql处理数据",
        "网站使用了用到了less、ES6模块，减少了代码的开发量的同时提升了代码的可阅读性",
        "数据使用了mysql数据库，PHP获取处理成JSON格式输出，使用Fetch API进行ajax传输",
        "开发中遇到了图片无法上传mysql，查阅资料后用js把图片转换为Base64编码完美解决"
      ],
      thumb: "@image(250x150, @color, #FFF, project)",
      order: 1
    },
    {
      id: 3,
      name: "广东省技能大赛融媒体项目",
      url: null,
      github: null,
      description: [
        "项目描述：移动端开发要求使用HBuilderX去Jquery版开发，要求使用HTML5、CSS3、原生JavaScript开发，按要求实现动画效果和交互。",
        "使用JavaScript实现点击active效果，并通过e.tatget获取点击的数据储存到localstorage，为下一个页面渲染和传递数据。",
        "使用HTML5的Audio标签以及autoplay属性实现了页面音乐自动播放的效果，并且通过ontouchend事件控制页面音乐的播放(play())、暂停(paused())。",
        "开发中遇到了图片无法上传mysql，查阅资料后用js把图片转换为Base64编码完美解决"
      ],
      thumb: "@image(250x150, @color, #FFF, project)",
      order: 1
    },
    {
      id: 4,
      name: "PHP新闻发布网站",
      url: null,
      github: null,
      description: [
        "使用mysqli_fetch_array()函数获取数据数量作为条件，使用while循环，通过echo输出来渲染新闻的列表",
        "通过判断储存在SESSION的用户信息来决定是否可以访问后台，后台使用sql语句的增(insert)删(delete)查(select)改(update)实现新闻的发布、删除、查看、修改",
        "mysqli_connect()函数链接数据库，并且通过fetch()方法使用Ajax传递数据到处理页面",
      ],
      thumb: "@image(250x150, @color, #FFF, project)",
      order: 1
    },
  ],
});
